<template>
  <div class='AlertLayer' :id="cls_id">
    <div class="view" :id="domViewId">


    </div>
    <div class="tipsDiv">
      <AlertTipsView></AlertTipsView>
    </div>
  </div>
</template>


<style scoped>
.AlertLayer{
  position: fixed;left: 0;top:0;
}

.view{
  position: absolute;left: 0;top:0;
}
.tipsDiv{
  position: absolute;left: 0;top:0;
}
</style>

<script setup>
import Enum from "@/js/Enum";
import AlertTipsView from '@/views/tipsView/AlertTipsView';
/*组件挂载完成后执行的函数；*/
import {ref,reactive,watch,defineAsyncComponent,computed,onBeforeUnmount, onMounted, onUnmounted} from "vue";
import { useStore} from 'vuex';

let cls_id=winApp.getClsId();
let domViewId=cls_id+'_view';
let store = useStore();


onMounted(() => {
  console.log("AlertLayer onMounted 初始化");
  //console.log("AlertLayer onMounted 初始化",DebugView);
});


onBeforeUnmount(() => {
  console.log('AlertLayer onBeforeUnmount  ');
})
onUnmounted(() => {
  //卸载组件实例后调用,调用此钩子时,组件实例的所有指令都被解除绑定,所有事件侦听器都被移除,所有子组件实例被卸载。
  console.log("AlertLayer onUnmounted 卸载组件实例后  ");
});



</script>




